import React from 'react';
import { bo } from '@/assets';
import { Icon } from 'antd-mobile';
import styles from '../styles.less'


function SongItem ({ data }) {
  const { name, picUrl, id } = data
  return (
    <div className={styles.song} > 
      <p className={styles['song-left']}>
        <img src={picUrl}/>
        <div className={styles['song-left-text']}>
          <span>{name}</span><br />
          <span>歌手</span>
        </div>
      </p>
      <p className={styles['song-right']}>
        <img src={bo}/>
        <Icon type="ellipsis" />
      </p>
    </div>
  )
}
export default SongItem